<!-- 额度申请详情 (运营端)-->
<template>
  <keep-alive>
  <view class="content">
	<view class="money-box">
		<view class="money-img">
			<view>金额</view>
			<text>600万/500万</text>
		</view>
	</view>
    <view class="list">
		  <view class="list-call">
			<text class="sl-tile">额度金额</text>
			<text class="sl-input">20,000,000.00</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">可用金额</text>
			<text class="sl-input">20,000,000.00</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">授信机构</text>
			<text class="sl-input">华润银行</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">核心企业</text>
			<text class="sl-input">海天味业</text>
		  </view>
		  <view class="list-call">
		  	<text class="sl-tile">融资企业</text>
		  	<text class="sl-input">杭州经销</text>
		  </view>
		  <view class="list-call">
		  	<text class="sl-tile">生效日期</text>
		  	<text class="sl-input">2022-09-11</text>
		  </view>
		  <view class="list-call">
		  	<text class="sl-tile">到期日期</text>
		  	<text class="sl-input">2023-09-11</text>
		  </view>
    </view>
  </view>
  </keep-alive>
</template>

<script>
  var js;
  export default {
    onUnload() {
      clearInterval(js)
      this.second = 0;
    },
    data() {
      return {
		from: {
		bankName: '',
		  openingBank: '',
		  bankAccount: '',
		},
      };
    },
	mounted() {

	},
	onShow() {
	
	},
    methods: {
	
    }
  }
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .list {
    display: flex;
    flex-direction: column;
    padding-left: 25rpx;
    padding-right: 25rpx;
	background: #FFFFFF;
  }
  .list-call {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 98rpx;
    color: #333333;
    border-bottom: 0.1rpx solid #e2e2e2;
  }
  .list-call .sl-input {
    flex: 1;
    text-align: right;
    font-size: 32rpx;
	color: #999999;
	font-weight: 400;
    margin-left: 16rpx;
  }
  .money-box{
	  padding-left: 25rpx;
	  padding-right: 25rpx;
	  display: flex;
	  flex-direction: column;
  }
  .money-img{
	  height: 238rpx;
	  background: #FFFFFF;
	  margin: 25rpx 0;
	  background-image: linear-gradient(132deg, #F3E2B3 0%, #ECD08E 100%);
	  border-radius: 16rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
  }
  .money-img view{
	  margin-bottom: 25rpx;
	  font-size: 32rpx;
	  color: #642D13;
	  font-weight: 400;
  }
  .money-img text{
  	  margin-bottom: 25rpx;
	  font-size: 48rpx;
	  color: #642D13;
	  font-weight: 600;
  }
  .loaned{
	 font-size: 32px;
	 color: #15C000 !important;
	 letter-spacing: 0;
	 text-align: right;
	 font-weight: 600;
	}  
</style>
